.toast-config {
  height: auto !important;

  & > div {
    background-color: rgba(0, 0, 0, 0.7);
    display: inline-block;
    min-width: auto;
    font-size: 12px;
    border-radius: 8px;
  }
}

.swiper-button-prev, .swiper-button-next {
  width: 52px !important;
  height: 37px !important;

}

.swiper-button-prev {
  left: 25px !important;
  background-image: url("~@/static/left-arrow.png");
  background-size: 100% 100%;
}

.swiper-button-next {
  right: 25px !important;
  background-image: url("~@/static/right-arrow.png");
  background-size: 100% 100%;
}

.swiper-button-next:after, .swiper-button-prev:after {
  color: #fff !important;
  transform: scale(0.4);
}


#certify {
  position: relative;
  width: 264px;
  height: 206px;
  margin: 0 auto 29px 56px;
  //overflow: hidden;
}

#certify .swiper-slide {
  width: 106px !important;
  height: 206px;
  //transition: .3s;
  //border-radius: 16px;
  //overflow: hidden;
  //margin-bottom: 30px;
  //position: relative;
}


#certify .swiper-slide img {
  display: block;
  //width: 116px;
  //height: 206px;
  //overflow: hidden;
}

.swiper-container {
  width: 100%;
  height: 100%;
  overflow: visible !important;
}

.swiper-slide-active {
  cursor: pointer;


  .swiper-askr {
    display: none !important;
  }
}

.swiper-slide {
  .swiper-askr {
    display: block;
  }
}


.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 7px;
  cursor: pointer;
}


